<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    CSS: 层叠样式表
    selector {
        property: value;
        xxx: yyy
    }
    selector: 选择器，用来表示对哪些标签生效
    属性： 要设置哪个样式属性，比如大小，颜色，背景
    p {
        color: red;
        font-size: 20px;
    }
    1.行内样式表
    2.内部样式表
    3.外部样式表
-->
<div>
    <h1>行内样式表</h1>
    <p>
        这是一段文字，我可以设置不同的颜色。
    </p>
</div>
</body>
</html>